/* Colors used in the logo:
 * - #FA2AAE (pink)
 * - #FF8AD0 (light pink)
 * - #ffebeb (very light pink)
 * - #820052 (purple)
 */

/***************************************
             General layout
 ***************************************/
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
html {
    background: white URL(../images/stripes.png) repeat;
}
body {
    width: 80%;
    margin: 0 auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-width: 0 2px;
    border-style: solid;
    border-color: #820052;
    background-color: #EEE;
}

#logo {
    padding: 0px;
    margin: 0px;
    height: 100px;
    background: white URL(../images/ruler.png) repeat-x bottom;
}

#logo > span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    background: transparent URL(../images/plum.png) no-repeat center;
}
#content {
    width: auto;
    padding: 10px;
    float: left;
}

#right-column {
    margin-top: 30px;
    padding: 5px;
    background-color: white;
    width: 250px;
    border: 1px solid #ffebeb;
    float: right;
}

#right-column > h2 {
    margin: 3px;
    font-size: 1.0em;
    background-color: #ffebeb;
    color: #FF8AD0;
    border-bottom: 1px dashed #FA2AAE;
}
#picture {
    position: fixed;
    z-index: 10;
    width: 200px;
    height: 183px;
    background: transparent URL(../images/flower.png) right bottom;
    bottom: 0;
    right: 0;
}

/***************************************
             Content
 ***************************************/
h1 {
    color: #820052;
    background: transparent URL(../images/butterfly.png) no-repeat left;
    padding-left: 50px;
    font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
    text-shadow: #CCC 3px 3px 2px;
}

table, th, td {
    padding: 5px;
    border-collapse: collapse;
    background-color: white;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #CCC;
}

td.even {
    background-color: #ffebeb;
}

a {
    text-decoration: none;
    border-width: 0 0 1px 0;
    border-style: dotted;
}
a:link { color: #FA2AAE; }
a:visited { color: purple; }
a:hover { color: #FF8AD0; }
a:active { color: #FF8AD0; }
